*{ margin: 0; padding: 0; font-family: "microsoft yahei"; list-style: none;}

html,body{ background: #f2e3a7; width: 100%; height: 100%;}

a{ text-decoration: none;}

a:hover{ text-decoration: none;}

/*公用样式*/

.top{ width: 100%; height: 16.447368%; background: url("../images/top_bg.jpg") no-repeat; background-size: 100% 100%; overflow: hidden;}

.menu{ width: 60.9375%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 25px; position: relative;}

.menu_l{ width: 14%; height: auto; float: left; margin-top: 8px;}

.menu_l img{ width: 100%; height: auto;}

.menu_r{ width: 80%; height: auto; float: right; position: relative;}

.menu_r1{ width: 100%; height: 32px; margin-top: 3%;}

.menu_r1 ul li{ width: 9%; height: auto; float: left; color: #ffffff; padding: 0.5% 0.9%; text-align: center;}

.menu_r1 ul li a{ color: #ffffff; display: block;}

.menu_r1 ul li a:hover{ color: #000000; display: block;}

.menu_r1 ul li:hover{ background: #ffffff; border-radius: 20px; color: #000000; border: #5db442 solid 1px;}

.menu_r2{ width: 50%; height: auto; float: right;}

.menu_r2 ul li{ width: 50%; height: auto; float: left; color: #ffffff; margin-top: 3%; font-size: 13px;}

.menu_r2 ul li:nth-child(1){ width: 40%; background: url("../images/tel.png") no-repeat left center; text-indent: 20px;}

.menu_r2 ul li:nth-child(2){ width: 60%; background: url("../images/email.png") no-repeat left center; text-indent: 25px;}



.bottom{ width: 100%; height: 10.444079%; background: #f2e3a7; position: fixed; bottom: 0; left: 0;}

.apply{ width: 265px; height: 33px; margin: 0 auto; border: #cccccc solid 1px; border-radius: 20px; margin-top: 10px; overflow: hidden;}

.apply_l{ width: 180px; height: 33px; float: left; background: #ffffff; overflow: hidden;}

.apply_l input{ width: 100%; height: 100%; border: none; outline: none; text-align: center;}

.apply_r{ width: 85px; height: 33px; line-height: 33px; font-size: 12px; text-align: center; font-weight: bold; float: left; background: #c9151e; color: #ffffff;}



.foot{ width: 100%; height: auto; text-align: center; margin-top: 10px; font-size:20px;}

.foot span{ margin-right: 20px;}



.slid_1{ background: url("../images/bg_1.jpg") no-repeat;}

.slid_2{ background: url("../images/bg_2.jpg") no-repeat;}

.slid_3{ background: url("../images/bg_3.jpg") no-repeat;}





/*01网站设计-首页*/

.home{ width: 100%;height: 79.605263%; background: url("../images/bg_1.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

.scale{ width: 53%; height: auto; margin: 0 auto; margin-top: 10px;

    animation: scale 1.5s;

    -moz-animation: scale 1.5s;

    -webkit-animation: scale 1.5s;

    -o-animation: scale 1.5s;}

.scale img{ width: 100%; height: auto;}

.china{ width: 100%; height: auto; text-align: center; color: #ffffff; position: absolute; bottom: 11%;}

.china h1{ font-weight: normal;}

.china p{ line-height: 1.6em;}

@keyframes scale

{from { width: 0;}to {width: 23%;}}

@-moz-keyframes scale /* Firefox */

{from { width: 0;}to {width: 23%;}}

@-webkit-keyframes scale /* Safari 和 Chrome */

{from { width: 0;}to {width: 23%;}}

@-o-keyframes scale /* Opera */

{from { width: 0;}to {width: 23%;}}



/*02网站设计-旗山正红*/

.two{width: 100%;height: 79.605263%; background: url("../images/bg_2.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

.two_1{width: 550px; height: auto; margin: 0 auto; overflow: hidden; margin-left: 20%;}

.two_1 h1{ font-size: 30px; color: #c9151e; margin-top: 30px; margin-bottom: 20px;}

.two_1 p{ margin-bottom: 10px; line-height: 1.8em; font-size: 14px; text-indent: 30px; color: #0a325d;}



.two_2{ font-size: 30px; color: #c9151e; padding-top: 10px; position: absolute; bottom: 15%; right: 25%;}



/*03网站设计-众创之道*/

.three{width: 100%;height: 79.605263%; background: url("../images/bg_3.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

.three_1{ width: 60.9375%; height: auto; padding-top: 150px; margin-left: 20%; overflow: hidden;}

.three_1 ul li{ width: 31.623932%; height: auto; float: left; position: relative;  overflow: hidden;}

.three_1 img{ width: 100%; height: auto;}

.three_d{ width: 70%; height: auto; float: right; position: absolute; top: 10px; right: 10px; color: #ffffff;}

.three_d h1{ font-size: 24px; font-weight: normal; margin-top: 25px;}

.three_d p{ font-size: 14px; margin-top: 5px;}

.three_2{ width: 100%; height: auto; text-align: center; margin-top: 20px; color: #ffffff;}

.three_2 h1{ font-weight: normal; font-size: 20px;}

.three_2 span{ font-size: 30px; color: #c9151e; padding-top: 10px;}



.wen{ width: 15%; height: auto; position: absolute; left: 5%; top: 25%;}

.wen img{ width: 100%; height: auto;}



.wen_1{-webkit-animation:shake 1s .2s ease both;-moz-animation:shake 1s .2s ease both;}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);} 10%,30%,50%,70%, 90%{-webkit-transform:translateX(-10px);} 20%,40%,60%,80%{-webkit-transform:translateX(10px);}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0);} 10%,30%,50%,70%, 90%{-moz-transform:translateX(-10px);} 20%,40%,60%,80%{-moz-transform:translateX(10px);}}



/*04网站设计-加盟地带*/

.four{width: 100%;height: 79.605263%; background: url("../images/bg_4.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

.four_1{ width: 100%; height: auto; text-align: center; padding-top: 20px; color: #c9151e; text-transform:uppercase;}

.four_1 p{ margin-bottom: 5px;}

.four_2{ width: 60.9375%; height: auto; margin: 0 auto; margin-top: 10px; overflow: hidden;}

.four_2 ul li{ width: 23%; height: 300px; float: left; margin-right: 2%; background: #c9151e; text-align: center; position: relative;}

.four_2 ul li h1{ color: #ffffff; height: 180px; padding-top: 50px; font-size: 50px;}

.four_2 ul li p{ background: #ffffff; color: #0a325d; height: 50px; padding-top: 20px;}

.four_3{font-size: 30px; color: #c9151e; padding-top: 10px; text-align: center;}



.four_2 ul li .move{ width: 100%; height: 100%; position: absolute; left: 0; bottom: -100%;}

.four_2 ul li .move_1{

    bottom: 0;

    background: rgba(0,0,0,0.5);

    animation: move_1 0.5s;

    -moz-animation: move_1 0.5s;	/* Firefox */

    -webkit-animation: move_1 0.5s;	/* Safari 和 Chrome */

    -o-animation: move_1 0.5s;	/* Opera */

}



@keyframes move_1{

    0%{  bottom: -100%;}

    100%{ bottom: 0;}

}



@-moz-keyframes move_1 /* Firefox */

{

    0%{  bottom: -100%;}

    100%{ bottom: 0;}

}



@-webkit-keyframes move_1 /* Safari 和 Chrome */

{

    0%{  bottom: -100%;}

    100%{ bottom: 0;}

}



@-o-keyframes move_1 /* Opera */

{

    0%{  bottom: -100%;}

    100%{ bottom: 0;}

}



/*05网站设计-品牌阵地*/

.five{ width: 100%;height: 79.605263%; background: url("../images/bg_5.jpg") no-repeat center center; background-size: 100% 100%; position: relative; overflow: hidden;}

.five_1{ width: 890px; height: 400px; background: rgba(255,255,255,0.5); margin: 0 auto; margin-top: 2%;}

.five_1a{ width: 125px; height: 100%; float: left; background: #0a325d;}

.five_1a ul li{ width: 125px; height: 50px; float: left; text-indent: 10px; line-height: 50px; color: #ffffff;}

.five_1a ul li.current{ width: 139px; background: url("../images/tab.png") no-repeat; color: #c9151e;}

.five_1b{ width: 700px; height: 100%; float: left; text-align: center; margin-top: 10px; margin-left: 40px;}

.five_1b h1{ text-align: center; font-weight: normal; font-size: 24px; margin-bottom: 10px; color: #0a325d;}

.five_1b p{ text-align: left; margin-bottom: 10px; text-indent: 25px; font-size: 14px; line-height: 1.8em; color: #0a325d;}

.five_2{ width: 290px; height: auto; margin: 0 auto; margin-top: 10px;}

.five_2 ul li{ width: 100%; height: auto; float: left; color: #ffffff; text-align: center;}

.five_2 ul li:nth-child(1) h1{

    font-weight: normal;

    font-size: 24px;

}

.five_2 ul li:nth-child(2){

    font-size: 40px; color: #c9151e; padding-top: 10px; text-align: center;

}

/*06网站设计-新店驿站*/

.six{ width: 100%;height: 79.605263%; background: url("../images/bg_6.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

.six_1{ width: 100%; height: auto; text-align: center; font-size: 30px; color: #c9151e; padding-top: 10px;}

.six_2{ width: 55%; height: auto; margin: 0 auto; margin-top: 10px; overflow: hidden;}

.six_2 ul li{  float: left; width: 30%; height: auto; margin-right: 3%; position: relative; padding-bottom: 30px;}

.six_2 ul li img{ width: 100%; height: auto;}

.six_2 ul li span{ width: 75%; height: 65px; line-height: 65px; text-align: center; color: #747474; position: absolute; bottom: 10px; left: 12.5%; background: #cfd0d0; display: block; border-radius: 5px; font-size: 30px; font-weight: bold;}

.six_2 ul li span:hover{ background: #e8645a; color: #ffffff;}

.six_3{ width: 100%; text-align: center; margin-top: 30px; color: #ffffff; font-size: 25px;}



/*07网站设计-就爱找茶*/

.seven{ width: 100%;height: 79.605263%; background: url("../images/bg_7.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

.seven_1{ width: 100%; height: auto; text-align: center; padding-top: 10px; color: #c9151e;}

.seven_1 h1{ font-weight: normal; font-size: 30px;}

.seven_1 p{ line-height: 1.4em; font-size: 18px;}

.seven_2{ width: 57.291667%; height: auto; margin: 0 auto; position: relative;}

.seven_2 ul li{ width: 28%; height: 230px; float: left; background: #c9151e; margin-right: 3%; margin-top: 1%; text-align: center; font-size: 14px; position: relative;}

.seven_2 ul li span{ width: 40%; height: 2px; display: block; margin: 0 auto; margin-top: 20px; color: #ececec; background: #ececec;}

.seven_2 ul li h1{ font-size: 20px; font-weight: normal; margin-top: 10px;}

.seven_2 ul li p{ margin-top: 10px; line-height: 1.8em;}

.seven_2 ul li:nth-child(1){ background: #ffffff;}

.seven_2 ul li:nth-child(2){ background: #0c715a; color: #ffffff;}

.seven_2 ul li:nth-child(3){ background: #ffffff;}

.seven_2 ul li:nth-child(4){ background: #0a325d;  color: #ffffff;}

.seven_2 ul li:nth-child(5){ background: #ffffff;}

.seven_2 ul li:nth-child(6){ background: #c9151e;  color: #ffffff;}

.move_top{ width: 100%; height: 0; position: absolute; bottom: 0; background: rgba(0,0,0,0.7);}



/*08网站设计-精彩速递*/

.eight{ width: 100%;height: 79.605263%; background: url("../images/bg_8.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

.eight_1{ width: 100%; height: auto; text-align: center; padding-top: 10px; color: #ffffff;}

.eight_1 h1{ font-weight: normal; font-size: 30px;}

.eight_1 p{ line-height: 1.4em; font-size: 18px;}



.eight_2{ width: 45%; height: auto; margin: 0 auto; margin-top: 10px; overflow: hidden;}

.eight_2 ul li{ width: 30%; height: 300px; float: left; margin-right: 2%; background: #c9151e; text-align: center; position: relative;}

.eight_2 ul li h1{ color: #ffffff; height: 180px; padding-top: 50px; font-size: 50px;}

.eight_2 ul li p{ background: #ffffff; color: #000000; height: 50px; padding-top: 20px;}



.eight_2 ul li .move{ width: 100%; height: 100%; position: absolute; left: 0; bottom: -100%;}

.eight_2 ul li .move_1{

    bottom: 0;

    background: rgba(0,0,0,0.5);

    animation: move_1 0.5s;

    -moz-animation: move_1 0.5s;	/* Firefox */

    -webkit-animation: move_1 0.5s;	/* Safari 和 Chrome */

    -o-animation: move_1 0.5s;	/* Opera */

}



.nine{width: 100%;height: 79.605263%; background: url("../images/bg_9.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

.nine_1{ text-align: center; width: 300px; height: 300px; background: url("../images/nine_bg.png") no-repeat; background-size: 100%; margin: 0 auto; position: relative;}

.nine_1 h1{ padding-top: 20px; margin-top: 15px; color: #cf3030; font-weight: normal; font-size: 30px; }

.nine_1 p{ line-height: 1.8em; margin-top: 15px; font-size: 14px;}

.nine_1 span{ padding-top: 20px; display: block; padding-bottom: 30px; color: #253d67;}



.nine_2{ width:40%; height: auto; margin: 0 auto; margin-top: 10px; }

.nine_2 img{ width: 100%; height: auto;}





/*文章列表页*/

.arc_list{ width: 100%;height: 79.605263%; background: url("../images/arc_list.jpg") no-repeat center center; background-size: 100% 100%; position: relative;}

.arc_list_t{ width: 100%; height: 30px; line-height: 30px; margin-top: 20px; text-align: center; font-size: 30px; font-weight: bold;}

.arc_list_t a{ color: #cf3030; text-decoration: none;}

.arc_list_t a:hover{ color: #cf3030; text-decoration: none;}



.arc_list_c{ width: 1200px; height: auto; overflow: hidden; padding-top: 20px; margin: 0 auto;}

.arc_list_c ul li{ width: 20%; height: auto; margin-left: 3.5%; background: #ffffff; float: left; margin-top: 10px;}

.arc_list_c ul li img{ width: 100%; height: auto;}

.arc_list_c ul li h1{ font-size: 14px; text-align: center;}

.arc_list_c ul li p{ font-size: 14px; padding: 10px;}



.arc_list_page{ width: 200px; text-align: center;  margin: 0 auto; padding: 10px; background: #ffffff; margin-top: 20px;}





/*图片列表页*/

.arc_img{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; background: rgba(255,255,255,0.7); margin-top: 20px;}

.arc_img_c{ width: 100%; height: auto; overflow: hidden; margin: 20px;}

.arc_img_c ul li{ width: 20%; height: auto; margin-left: 3.5%; float: left; margin-top: 10px;}

.arc_img_c ul li img{ width: 100%; height: auto;}

.arc_img_c ul li h1{ font-size: 14px; text-align: center;}

.arc_img_c ul li p{ font-size: 14px; padding: 10px;}



.arc_img_t{ width: 90%; height: 30px; padding-bottom: 10px; margin-left: 5%; border-bottom: #e2e2e2 solid 1px; line-height: 30px; margin-top: 20px; text-align: center; font-size: 30px; font-weight: bold;}

.arc_img_t a{ color: #cf3030; text-decoration: none;}

.arc_img_t a:hover{ color: #cf3030; text-decoration: none;}



.arc_img_p{ margin-bottom: 20px;}



/*内容展示页*/

.detal{ width: 90%; height: 620px; margin: 0 auto; line-height: 1.8em; font-size: 14px; margin-top: 20px; color: #000103; overflow: auto;}

.detal p{ margin-bottom: 20px; text-indent: 25px;}



/*::-webkit-scrollbar {*/

    /*width: 5px;*/

    /*background: #7d7b7c;*/



/*}*/

/*::-moz-scrollbar {*/

    /*width: 5px;*/

    /*color: #e4e3e3;*/

    /*background: #7d7b7c;*/

/*}*/

/*::-ms-scrollbar {*/

    /*width: 5px;*/

    /*color: #e4e3e3;*/

    /*background: #7d7b7c;*/



/*}*/







/* 分页 */

.dede_pages{ margin:0 auto;}

.dede_pages ul{float:left;padding:12px 0px 12px 30px;width:700px;}

.dede_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;}

.dede_pages ul li a{float:left;padding:2px 4px 2px;color:#555;display:block;}

.dede_pages ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}

.dede_pages ul li.thisclass,

.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}

.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}

.dede_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}

.fc_03c{ color:#F00;}

.ssbt1{ width:80px; height:25px; border:#CCC 1px solid; padding-bottom:3px;}

.ssbt{ width:150px; height:20px; border:#CCC 1px solid; padding-top:2px;}







.lxwmnr3{ width:415px; height:464px; margin:0 auto; }

.lxwmnr3bt{ width:415px; height:83px; line-height:83px; font-size:18px; color:#FFF;}

.lxwmnr3nr{ width:415px; height:381px;}

.xm{ width:405px; height:48px; border:0; background:#FFF; line-height:48px; font-size:16px; color:#333333; padding-left:10px; margin-bottom:10px;}

.nr{ width:405px; height:145px; border:0; background:#FFF; line-height:30px; font-size:16px; color:#333333; padding-left:10px; margin-bottom:10px; resize: none;}

.tj{ width:415px; height:48px;}

.tjz{ width:275px; height:48px; float:left;}

.tjy{ width:140px; height:48px; background:#FFF; border:0; line-height:48px; font-size:18px; color:#000; text-align:center; float:right;}

















@media screen and (max-height: 900px) {

    .arc_list{ height: auto;}

    .bottom{ height: auto; position: relative;}

}





@media screen and (max-width: 1474px) {

    .top{ height: 22%;}

    .bottom{ height: 12%;}

    .menu{ width: 75%;}

    .three_1{ width: 75%; margin-left: 12.5%;}

    .two_1{ margin-left: 12.5%;}

    .menu_l img{ width: 90%; height: auto;}

    .four_2{ width: 75%;}

    .seven_2{ width: 70%;}

    .menu{ margin-top: 18px;}



}

@media screen and (max-width: 1200px) {

    .top{ height: 17%;}

    .menu{ width: 90%;}

    .two_1{ margin-left: 5%;}

    .menu_l img{ width: 90%; height: auto;}

    .three_1{ width: 90%; margin-left: 5%;}

    .four_2{ width: 100%;}

    .four_2 ul li{ margin-right: 1%;}

    .six_2{ width: 70%;}

    .seven_2{ width: 80%;}

    .eight_2{ width: 65%;}

    .nine_2{ width:55%;}

    .arc_list_c{ width: 90%;}

    .arc_img{ width: 90%;}



}

@media screen and (max-width: 1000px) {

    .menu{ width: 100%;}

    .two_1{ margin-left: 2%;}

    .menu_r1{ font-size: 13px;}

    .foot span{ margin-right: 10px; font-size: 14px;}

    .three_1{ width: 100%; margin-left: 0;}

    .four_2{ width: 100%;}

    .seven_2{ width: 90%;}

    .eight_2{ width: 75%;}

}



@media screen and (max-width: 890px) {

    .five_1b{ width: 65%;}

    .five_1b h1{font-size: 18px; margin-bottom: 5px;}

    .five_1b p{ text-align: left; margin-bottom: 5px;}

}



@media screen and (max-width: 780px) {

    .top{  background-size: cover; height: 15%;}

    .menu{ margin-top: 7%;}

    .scale{ width: 45%;}

    @keyframes scale

    {from { width: 0;}to {width: 45%;}}

    @-moz-keyframes scale /* Firefox */

    {from { width: 0;}to {width: 45%;}}

    @-webkit-keyframes scale /* Safari 和 Chrome */

    {from { width: 0;}to {width: 45%;}}

    @-o-keyframes scale /* Opera */

    {from { width: 0;}to {width: 45%;}}

    .china{ bottom: 20%;}

    .menu_l{ width: 20%; margin-left: 10px;}

    .menu{ margin-top: 3%;}

    .nav{ width: 20px; height: auto; position: fixed; top: 60px; right: 20px;}

    .nav ul li{ border-bottom: #ffffff solid 1px; z-index: 999; width: 100%; float: left; margin-top: 5px;}

    .menu_r1{ display: none;}

    .menu_r2{ display: none;}

    .menu_r{  float: none;}

    .menu_r1{ width: 30%; height: auto; top: 70px;  background: rgba(0,0,0,0.7);  z-index: 999; position: fixed; right: 0; padding: 10px;}

    .menu_r1 ul li{ width: 100%; height: auto; float: none; margin-top: 15px; font-size: 14px;}



    .bottom{ height: auto;}

    .foot span{ width: 100%; display: block; text-align: center; line-height: 1.8em;}

    .three_d h1{ font-size: 18px; margin-top: 10px;}

    .three_d p{ font-size: 12px;}

    .four_2 ul li{ width: 23%; height: 200px; float: left; margin-right: 2%; background: #c9151e; text-align: center;}

    .four_2 ul li h1{ color: #ffffff; height: 100px; padding-top: 20px; font-size: 30px;}

    .four_2 ul li p{ background: #ffffff; color: #0a325d; height: 60px; padding-top: 20px; font-size: 12px;}



    .five{ height: 120%; background-size: cover;}

    .five_1a{ width: 100%; height: auto; background: none; }

    .five_1a ul li{ height: 45px; line-height: 45px; background: url("../images/tab.png") no-repeat; width: 139px; text-indent: 0; margin-right: 0; margin-top: 10px; text-align: center; margin-left: 35px;}

    .five_1{ width: 100%; height: auto; overflow: hidden;}



    .five_1b{ width: 90%; margin-left: 5%;}

    .five_2{ width: 100%;}

    .five_2 ul li{ width: 100%; float: none;}

    .six_2 ul li span{ font-size: 20px;}

    .seven{ background-size: cover;}



    .eight{ background-size: cover;}

    .nine_2{ width:70%;}

	

	

	

	.lxwmnr3{ width:100%; height:auto; float:right;}

	.lxwmnr3bt{ width:100%; height:auto; line-height:60px; text-align:center;}

	.lxwmnr3nr{ width:94%; height:auto; margin-left:3%; margin-right:3%;}

	.xm{ width:98%; height:auto; border:0; background:#FFF; line-height:48px; font-size:16px; color:#333333; padding-left:2%; margin-bottom:10px;}

	.nr{ width:98%; height:auto; border:0; background:#FFF; line-height:30px; font-size:16px; color:#333333; padding-left:2%; margin-bottom:10px; resize: none;}

	.tj{ width:100%; height:auto;}

	.tjz{ width:75%; height:48px; float:left;}

	.tjy{ width:25%; height:auto; background:#FFF; border:0; line-height:30px; font-size:16px; color:#000; text-align:center; float:right;}

	

	

	.detal img{ width:100%; height:auto} 

	

}

@media screen and (max-width: 700px) {

    .menu{ margin-top: 5%;}

}



@media screen and (max-width: 620px) {

    .three_1{ padding-top: 20px;}

    .three_1 ul li{ width: 50%; height: auto; margin-left: 25%; float: left; position: relative;  overflow: hidden;}

    .three_2{ margin-top: 10px;}

}



@media screen and (max-width: 577px) {

    .menu{ margin-top: 8%;}

    .six_2 ul li span{ font-size: 16px;}

    .eight{ height: 180%;}

    .eight_2 ul li{ width: 90%; margin-left: 5%; margin-top: 10px;}

}

@media screen and (max-height: 768px) {



    .home{ height: 90%;}

    .two{ height: 90%;}

    .three{ height: 90%;}

    .four{ height: 90%;}

    .five{ height: 100%;}

    .six{ height: 90%;}

    .seven{ height: 110%;}

    .eight{ height: 90%;}

    .nine{ height: 90%;}

    .bottom{ position: relative; height: auto;}

}





@media screen and (max-height: 700px) {



    .home{ height: 110%;}

    .two{ height: 110%;}

    .three{ height: 110%;}

    .four{ height: 110%;}

    .five{ height: 110%;}

    .six{ height: 110%;}

    .seven{ height: 130%;}

    .eight{ height: 110%;}

    .nine{ height: 110%;}

    .bottom{ position: relative; height: auto;}

}



@media screen and (max-width: 414px) {

    .bottom{ height: auto; position: relative;}

    .foot span{ width: 100%; display: block; text-align: center; line-height: 1.8em;}

    .menu_l{ width: 20%; margin-left: 10px;}

    .menu{ margin-top: 5%;}

    .nav{ width: 25px; height: auto; position: absolute; top: 35%; right: 20px; z-index: 9999;}

    .nav ul li{ border-bottom: #ffffff solid 1px; z-index: 999; width: 100%; float: left; margin-top: 7px;}

    .menu_r{  float: none; position: relative;}

    .menu_r2{ display: none;}

    .menu_r1{ width: 30%; display: none;  height: auto; top: 70px;  background: rgba(0,0,0,0.7);  z-index: 999; position: fixed; right: 0; padding: 10px; }

    .menu_r1 ul li{ width: 100%; height: auto; float: none; margin-top: 15px; font-size: 14px;}

    .scale{ width: 60%; height: auto; overflow: hidden;}

    @keyframes scale

    {from { width: 0;}to {width: 60%;}}

    @-moz-keyframes scale /* Firefox */

    {from { width: 0;}to {width: 60%;}}

    @-webkit-keyframes scale /* Safari 和 Chrome */

    {from { width: 0;}to {width: 60%;}}

    @-o-keyframes scale /* Opera */

    {from { width: 0;}to {width: 60%;}}

    .two_1{ width: 90%; margin-left: 5%;}

    .two_1 h1{ margin-top: 10px; margin-bottom: 10px;}

    .two_1 p{ bottom: 5px;}

    .three_1 ul li{ width: 60%; height: auto; margin-left: 20%; float: left; position: relative;  overflow: hidden;}

    .four_2 ul li{ width: 45%; margin-top: 10px; margin-left: 2%;}

    .six{ height: 140%; background-size: cover;}

    .six_2{ width: 100%;}

    .six_2 ul li{ width: 50%; margin-left: 25%;}

    .six_2 ul li span{ font-size: 18px;}

    .eight_2 ul li{ width: 90%; margin-left: 5%; margin-top: 10px;}



    .home{ height: 100%; background-size: cover;}

    .two{height: auto; background-size: cover; padding-bottom: 30px;}

    .three{height: auto; background-size: cover; padding-bottom: 30px;}

    .four{ height: auto; background-size: cover; padding-bottom: 30px;}

    .five{ height: auto; background-size: cover; padding-bottom: 30px;}

    .six{ height: auto; background-size: cover; padding-bottom: 30px;}

    .seven{ height: auto; background-size: cover; padding-bottom: 30px;}

    .seven_2{ height: auto; overflow: hidden;}

    .seven_2{ width: 100%;}

    .seven_2 ul li{ width: 45%; margin-left: 3%; height: 200px; float: left; background: #c9151e; margin-right: 0; margin-top: 1%; text-align: center; font-size: 14px;}

    .seven_2 ul li p{ font-size: 12px;}

    .eight{ height: auto; background-size: cover; padding-bottom: 30px;}

    .nine_2{ width:auto; margin-top: 30px;}

    .two_2{ font-size: 30px; color: #c9151e; padding-top: 10px; position: relative; bottom: 0; right: 0; text-align: center;}



    /*arc_list*/

    .arc_list_c ul li{ width: 45%;}

    .arc_img_c{ margin: 0; margin-top: 20px;}

    .arc_img_c ul li{ width: 45%;}



   .detal img{ width:100%; height:auto} 

}



@media screen and (max-width: 320px) {

    .menu_l{ margin-top: 2%;}

    .nav{top: 15%;}

    .five_1a ul li{ margin-left: 10px;}

    .china h1{ font-size: 18px;}

    .six_2 ul li{ width: 80%; margin-left: 10%;}

    .seven_2{ width: 100%;}

    .seven_2 ul li{ width: 100%; margin-left: 0; margin-right: 0;}

	

	.detal img{ width:100%; height:auto} 

}